<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>Chap2 Demo</title>
    <script id="vertex-shader" type="x-shader/x-vertex">
	attribute vec3 vPosition;
	attribute vec3 vColor;
	varying vec4 color;
	void main(){
		gl_Position = vec4( vPosition, 1);
		color = vec4( vColor, 1 );
	}
	</script>

    <script id="fragment-shader" type="x-shader/x-fragment">
	precision mediump float;
	varying vec4 color;
	void main(){
		gl_FragColor = color;
	}
	</script>

    <script type="text/javascript" src="./jsfile/webgl-utils.js"></script>
    <script type="text/javascript" src="./jsfile/initShaders.js"></script>
    <script type="text/javascript" src="./jsfile/gl-matrix-min.js"></script>

    <script type="text/javascript" src="./jsfile/demo4.js"></script>
</head>

<body>
    <h2 align="center">3D色彩三角体</h2>
    <canvas id="gl-canvas" width="1080" height="1080">你的浏览器不支持HTML5 canvas元素</canvas>
</body>

</html>